<template>
	<view class="">
		<view class="btn" :style="{
											'color':fontColor,
											'font-size':fontSize + 'rpx',
											'width':width + 'rpx',
											'height':height + 'rpx',
											'background-color':backgroundColor,
											'margin-top':marginTop + 'rpx',
											'margin-right':marginRight + 'rpx',
											'margin-bottom':marginBottom + 'rpx',
											'margin-left':marginLeft + 'rpx',
											'border-radius':borderRadius + 'rpx',
											'font-weight':FontWeight,
											}"
        >
			{{marked}}
		</view>
	</view>
	
</template>

<script>
	export default {
		name:'bw-Btn',
		props:{
			mode:{ //组件模式，数据列表为空模式，购物车数据为空模式
				type:String,
				default:'list'
			},
			marked:{ //提示语
				type:String,
				default:'按钮'
			},
			fontColor:{ //提示字体颜色
				type:String,
				default:'#FFFFFF'
			},
			backgroundColor:{
				type:String,
				default:'#DD524D'
			},
			fontSize:{ //提示字体大小
				type:Number,
				default:29
			},
			FontWeight:{ //提示字体粗细
				type:Number,
				default:29
			},
			width:{ //按钮宽度
				type:Number,
				default:200
			},
			height:{ //按钮高度
				type:Number,
				default:100
			},
			marginTop:{
				type:Number,
				default:0
			},
			marginRight:{
				type:Number,
				default:0
			},
			marginLeft:{
				type:Number,
				default:0
			},
			marginBottom:{
				type:Number,
				default:0
			},
			borderRadius:{
				type:Number,
				default:30
			}
		},
		methods:{
			
		}
	}
</script>

<style lang="scss" scoped>
	.btn{
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 60rpx;
	}
</style>
